var vm = new Vue({
    el: '#producelist', //el指定一个页面中已存在的DOM元素来挂载VUE实例
    data:{
        catalogue:{},
        hotListImg:{}, //热卖商品
        thisGoodsImg:{},  //当前目录下的商品
        currentPage:"",
        thisgoodsId:"",
        name:"",
        search:""
    },
    created:function () {
        // this.catalogueList();
        this.showthisGoodsImg();
        var item = localStorage.getItem("categoryOne");
        this.currentPage=JSON.parse(item);

        //获取热门商品
        var data = localStorage.getItem("hotList");
        this.hotListImg=JSON.parse(data);
        console.log(this.hotListImg)

        //加载目录
        var data1 = localStorage.getItem("categoryNum");
        this.catalogue=JSON.parse(data1)

        var username = localStorage.getItem("userName");
        this.name=JSON.parse(username)


    },
    methods:{
        // catalogueList:function(){
        //     //发送请求 查找目录
        //     axios.request({
        //         url:`/categorys`
        //     }).then(res=>{
        //         this.catalogue=res.data;
        //         //将后端接口返回的数据  存到缓存中
        //         localStorage.setItem("categoryNum",JSON.stringify(res.data.data))
        //     })
        // },
        searchByName:function(){
            console.log("模糊搜索"+this.search);
            axios.request({
                url: `/goods/searchByName/${this.search}`,
            }).then(res=>{
                this.thisGoodsImg=res.data;
                localStorage.setItem("showthisGoodsImg",JSON.stringify(res.data));
            });
        },

        //展示本商品
        showthisGoodsImg:function () {
            axios.request({
                url: `/goods/searchOne/${JSON.parse(localStorage.getItem("categoryOne"))}`,
            }).then(res=>{
                this.thisGoodsImg=res.data;
                localStorage.setItem("showthisGoodsImg",JSON.stringify(res.data));
            });
        },

        // //展示热卖商品
        // hostlist:function(){
        //     //发送请求 返回最热门发布的四张图片
        //     axios.request({
        //         url:`/goods/search/hotlist`
        //     }).then(res=>{
        //         this.hotListImg=res.data;
        //         //存缓存   热门商品
        //         localStorage.setItem("hotList", JSON.stringify(this.hotListImg))
        //     })
        // },

        //模糊查詢


        //通过目录id找响应的商品
        findByCategory:function (category=1) {
            //改变categoryOne目录的id
            localStorage.setItem("categoryOne",JSON.stringify(category));
            axios.request({
                url: `/goods/searchOne/${category}`,
            }).then(res=>{
                //存储该目录下的商品 信息   eg:groupid=1 -->以下的商品有哪些
                localStorage.setItem("categoryNumInfo",JSON.stringify(res.data));
            });
        },

        //查看商品详情
        goodsdetail:function (id=1) {
            console.log(id);
            //设置缓存id。
            localStorage.setItem("thisgoodsId",JSON.stringify(id));
            this.thisgoodsId=id;
            axios.request({
                url:`/goods/updateVisitors/${id}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                window.location.href="/view/goodsDetail"
            })
        },

        //注销
        logout:function () {
            layer.msg("注销倒计时......");
            sessionStorage.removeItem("userInfo");
            localStorage.clear();
            window.location.href="/view/logout"
        },

    },
    filters:{
        judge(value){
            var returnVal="";
            switch (value) {
                case "1":
                    returnVal="数码产品";
                    break;
                case "2":
                    returnVal="运动户外";
                    break;
                case "3":
                    returnVal="家居家纺";
                    break;
                case "4":
                    returnVal="家具家装";
                    break;
                case "5":
                    returnVal="生活超市";
                    break;
                case "6":
                    returnVal="唯品国际";
                    break;
                case "7":
                    returnVal="医药健康";
                    break
            }
            return returnVal;
        }
    }
});